<template>
  <div class="home">
    <div class="z-index">
      <MainHeader />
    </div>
    <MainWrapper />
    <MainGongge />
    <RecommendContainer />
  </div>
</template>

<script>
import MainHeader from "@/components/MainHeader/index.vue";
import MainWrapper from "@/components/MainWrapper/index.vue";
import MainGongge from "@/components/MainGongge/index.vue";
import RecommendContainer from "@/components/RecommendContainer/index.vue";
export default {
  components: {
    MainHeader,
    MainWrapper,
    MainGongge,
    RecommendContainer,
  },
};
</script>

<style scoped>
.home {
  margin-top: 80px;
  margin-bottom: 80px;
}
.z-index {
  position: relative;
  z-index: 99999;
}
</style>